<template>
  <div class="management">
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="id" label="#" > </el-table-column>
      <el-table-column prop="authName" label="名称"> </el-table-column>
      <el-table-column prop="path" label="路径"> </el-table-column>
      <el-table-column prop="level" label="权限等级"> 
        <template slot-scope="scope">
            <el-tag v-show="scope.row.level==0" type="" >标签一</el-tag>
            <el-tag v-show="scope.row.level==1" type="success" >标签二</el-tag>
            <el-tag v-show="scope.row.level==2" type='warning' >标签三</el-tag>
            </template>>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import {getRoleList} from '../../api'
export default {
  name: "Rmanagement",
  data() {
    return {
        tableData:[]
    }
  },
  created() {
    getRoleList('list').then(res=>{
       
        this.tableData = res.data.data
    })
  },
};
</script>

<style>
</style>